<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>元素的淡入淡出</title>
		<script src="../js/jquery-3.7.1.js"></script>
		<script src="../js/11-4.js"></script>
	</head>
	<body>
		<input type="button" value="图片淡出" id="b1">		
		<input type="button" value="图片淡入" id="b2">		
		<input type="button" value="交替淡出淡入" id="b3">		
		<input type="button" value="停止淡出淡入" id="b4">
		<input type="button" value="图片变成半透明" id="b5">
		<div><img src="../img/a3.gif" id="img1" width="100px" height="100px"></div>
	</body>
</html>